<template>
  <div class="box">
    <navigator url="/pages/issue/sell" v-for="(item, index) in data" :key="index">
      <div>
        <img :src="`../../static/issueImgs/${index+1}.png`" alt="">
        <div >
          <p>
            {{ item.title }}
          </p>
          <p>
            {{ item.content }}
          </p>
        </div>
      </div>
      <span class="iconfont .icon-right-copy"></span>
    </navigator>
  </div>
</template>

<script>
import '../../static/font_2197595_yt2keqic52s/iconfont.css'
export default {
  data() {
    return {
      data: [
        {
          img: "",
          title: "二手房出售",
          content: "发布二手房出售信息",
        },
        {
          img: "",
          title: "有房出租",
          content: "发布房源出租信息",
        },
        {
          img: "",
          title: "我想买个房子",
          content: "发布求购意向信息",
        },
        {
          img: "",
          title: "我想租个房子",
          content: "发布求组意向信息",
        },
        {
          img: "",
          title: "买新房 职业顾问帮您忙",
          content: "提交购房意向买房顾问全程带看",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.box {
  padding: 0 60rpx;
  > navigator {
    display: flex;
    justify-content: space-between;
    padding: 10rpx 0rpx;
    align-items: center;
    span{
      font-size: 50rpx;
    }
    >div{
      display: flex;
      justify-content: start;
      align-items: center;
      img{
        width: 140rpx;
        height: 140rpx;
        margin-right: 16rpx;
      }
      >div{
        p:nth-child(1){
          font-weight: 900;
          margin-bottom: 16rpx;
        }
        p:nth-child(2){
          font-size: 30rpx;
          white-space: nowrap;
        }
      }
    }
  }
}
</style>